/*
-----------------------------------------------
BlogrStore v1.1 - Blogger Store Responsive Theme by Irsah Imihar
Copyright (c) 2013 Irsah Imihar (http://www.irsah.com/about#contact)
Copyright (c) 2013 Irsah inDesigns
----------------------------------------------- */
#navbar-iframe {display: none !important;}
/* HTML Reset (Inspired by E.Meyer)
========================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure { margin: 0; padding: 0;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display:block; }
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
sup { vertical-align: super;    font-size:smaller;}
a img { border: none; padding:0; margin: 0;}
ol, ul { padding: 0 0 1em;  margin: 1em 0 0 2em ; }
ol li { padding:0 0 .5em;  }
ul li { list-style-type: square;  padding: 0 0 .5em; }
ul ul, ol ol { padding: 0; }
ul li a, ul li a:hover, a, a:link, a:active {
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.clear { display: block; width: 100%; float: none; height: 0; line-height: 0; zoom: 1;}
body, .body-fauxcolumn-outer {
font: 14px/1.5em 'Droid Serif', serif;
color: #555;
background: #333;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.25em;
color: #0727c4;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: normal;
}
h1 { font-size: 32px; margin: 0 0 .1em; }
h2 { font-size: 27px; margin: 0 0 .1em; }
h3 { font-size: 25px; margin: 0 0 .1em; }
h4 { font-size: 21px; margin: 0 0 .5em; }
h5 { font-size: 19px; margin: 0 0 .5em; }
h6 { font-size: 15px; margin: 0 0 .5em; }
p { margin: 0 0 2em; font-size: 100%; font-family: 'Droid Serif', serif; }
a:link { color: #ff0000; text-decoration: none; }
a:visited { color: #0727c4; text-decoration: none; }
a:hover { color:#aaa; text-decoration: none; }
.post img, .post a img, .post-body img, .post-body a img {
padding: 0;
margin: 0 ;
outline: none;
border: none;
}
.spacer-nav { display: block; width: 100%; height: 4.5em; zoom: 1;}
/* Header
================== */
#header-link-wrapper {
text-align: center;
display: block;
background: #000;
min-height: 3.5em;
line-height: 3.5em;
position: fixed;
z-index: 999;
width: 100%;
magrin: 0;
padding: .5em 0 ;
-webkit-box-shadow: 0 8px 6px -6px #aaa;
-moz-box-shadow: 0 8px 6px -6px #aaa;
box-shadow: 0 8px 6px -6px #aaa;
}
#header-link {
width: 90%;
margin: 0 auto;
position: relative;
}
#header-link-wrapper .LinkList {
width: 50%;
float: left;
display: inline-block;
}
#header-wrapper {
width: 100%;
position: relative;
margin: 0 auto;
text-align: center;
height: auto;
}
#header-inner {
background-position: center;
width: 100%;
height: auto;
}
#header {  }
.titlewrapper {
padding: 2em 0 .5em;
opacity: 0.75;
}
h1.title, h2.title {
background: none;
}
#header h1, #header h2, #header h1 a, #header h2 a {
font-size: 50px;
font-weight: 700;
background: none;
color: #fff !important;
margin: 0;
line-height: 1;
padding: 0;
text-shadow: 1px 2px 2px #333;
}
#header .description {display:none;
margin: 0;
padding: 0 ;
font-size: 21px;
color: #fff;
letter-spacing: 2px;
}
.descriptionwrapper p{
margin: 0;
}
p.description {
background: #0727c4;
opacity: 0.8;
color: #fff;
margin: 0;
padding: 0;
line-height: 1;
}
#header img {
margin: 0!important;
padding:0!important;
width: 100%!important;
height: auto;
display: block;
float: none;
}
/* Outer-Wrapper
==================== */
#outer-wrapper {
width: 75%;
margin: 0 auto;
position: relative;
}
#content-wrapper {
background: #f5f5f5;
padding: 0;
margin: 0;
position: relative;
-moz-box-shadow: 1px 3px 16px #aaa;
-webkit-box-shadow: 1px 3px 16px #aaa;
box-shadow: 1px 3px 16px #aaa;
}
#main-wrapper {
width: 65%;
padding: 0 2%;
float: left;
display: inline-block;
position: relative;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
height: auto; /* fix for long non-text content breaking IE sidebar float */
background: #fff;;
}
#sidebar-wrapper {
width: 30%;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
height: auto;    /* fix for long non-text content breaking IE sidebar float */
}
#credit { padding: 0; }
#credit p{
padding: 0;
text-align: center;
}
/* Navigation
============== */
a.home-nav, a.second-nav { display: none;}
#header-link .LinkList ul,
#header .Label ul{
z-index:100;
}
#header-link .LinkList ul, #header .Label ul {
margin: 0;
padding: 0;
display: block;
float: none;
}
#header .Label {
background: #000;
min-height: 3.5em;
line-height: 3.5em;
background: #043748;
display: block;
float: none;
}
#header-link .LinkList li, #header .Label li {
margin: 0 .25em 0;
padding: 0;
list-style: none;
list-style-type: none;
display: inline-block;
float: left;
}
#header-link .LinkList li a, #header .Label li a {
padding: .75em 1em;
text-decoration: none;
color: #f0f0f0;
line-height: 100%;
}
#header-link .LinkList a:hover, #header .Label a:hover {
background: #999;
color: #0727c4!important;
opacity: 0.9;
}
#header-link .LinkList .selected, #header .Label .selected {
background: #0727c4;
color: #fff;
}
/* Posts
========== */
h2.date-header { display: none; }
.post { position: relative; }
.post-body { padding: 0 0 1em; }
h1.post-title, h2.post-title {
margin: 1em 0 0;
display: block;
text-decoration:none;
font-weight: normal;
}
h1.post-title, h1.post-title a:visited {
text-decoration:none;
}
.post-footer {
margin: 1em 0;
}
.post-share-buttons {
display: block;
}
.comment-link { margin-$startSide:.6em; }
.post img, table.tr-caption-container { padding: 0; }
.tr-caption-container img { }
blockquote {
padding-left: 1em;
margin:0 0 2em;
border-left: 5px solid #cc0000;
font-style: italic;
font-size: 16px;
font-family: Georgia, Times, serif;
}
.post-labels { display: none; }
/* Responsive Tables in posts
================================ */
.post table {
width: 100%;
border-collapse: collapse;
}
.post tr:nth-of-type(odd) {
background: #f0f0f0;
}
.post thead tr td {
background: #555;
color: #fff;
font-weight: 700;
}
.post td, .post th {
padding: .5em;
border: 1px solid #f0f0f0;
text-align: left;
}
/* Pager Links
================ */
#blog-pager-newer-link { float: left; }
#blog-pager-older-link { float: right; }
#blog-pager {
text-align: center;
display: block;
width: 100%;
padding: 1em 0;
}
.feed-links { display: none; }
a.blog-pager-newer-link , a.blog-pager-older-link, a.home-link{
display: block;
font-family: 'Oswald', sans-serif;
letter-spacing: 1px;
padding: .75em 1em;
color: #fff;
background: #0727c4;
border: 1px solid #fff;
}
a.blog-pager-newer-link:hover, a.blog-pager-older-link:hover, a.home-link:hover {
background: #333;
}
/* Sidebar Content
==================== */
.sidebar {
padding: 1.5em;
font-size: 13px;
}
.sidebar h2.title, .sidebar h3.title, .sidebar h3, .sidebar h2 {
border-bottom: 1px dotted #ccc;
padding-bottom: .5em;
}
.sidebar ul {
margin:0;
padding:0;
}
.sidebar ul li {
list-style:none;
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
border-bottom: 1px dotted #ccc;
}
.sidebar li a{
margin: 0;
display: block;
padding: .5em 1em;
}
.sidebar .list-label-widget-content ul li span{
position: absolute;
right: 0;
top: 0;
display: block;
border-left: 1px dotted #f0f0f0;
padding: .5em;
}
.sidebar .widget, .main .widget {
margin: 0 0 1.5em;
padding: 0;
}
.main .Blog {
border-bottom-width: 0;
}
/* Footer
=========== */
#footer-wrapper {
color: #fff;
background: #000;
padding: 0;
width: 100%;
height: auto;
}
#footer {
display: block;
width: 75%;
height: auto;
margin: 0 auto;
}
#footer .widget {
width: 29%;
margin: 2%;
float: left;
display: inline-block;
}
#footer ul {
margin:0;
padding:0;
}
#footer ul li {
list-style: none;
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
border-bottom: 1px dotted #f0f0f0;
}
#footer li a{
margin: 0;
display: block;
padding: .5em 0;
color: #fff;
}
#footer li a:hover{
background: #aaa!important;
color: #fff;
}
#footer .list-label-widget-content ul li span{
position: absolute;
right: 0;
top: 0;
display: block;
border-left: none;
color: #fff;
padding: .5em;
}
#credit{
display: block;
float: none;
border-top: 1px dotted #f0f0f0;
background: #888;
}
.credit-links {
width: 87%;
text-align: center;
float: right;
display: inline;
padding: 2em 0;
font-size: 12px;
background: #000;
}
a#backtotop {
font-family: 'Oswald', sans-serif;
font-size: 21px;
font-weight: 700;
text-transform: uppercase;
text-align: left;
display: block;
line-height: 21px;
float: left;
display: inline;
color: #fff;
position: relative;
text-align: center;
padding: 30px;
}
a#backtotop:hover {
background: #888;
color: #fff;
}
.totop { position: relative; }
.arrow-up {
float: left;
display: inline-block;
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 25px solid #fff;
}
/* #Forms
=========== */
form { width: auto; }
fieldset { margin-bottom: 1em; }
input[type="text"], input[type="password"], input[type="email"], select {
border: 1px solid #eee;
padding: .75em;
outline: none;
color: #555;
width: 60%;
margin-bottom: 1em;
display: inline;
background: #f5f5f5;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
position:relative;
}
textarea {
border: 1px solid #eee;
padding: 6px;
outline: none;
color: #555;
margin: 0;
width: 60%;
display: inline;
margin-bottom: 1em;
background: #f5f5f5;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
position: relative;
}
select { padding: 0; }
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
border: 1px solid #eee;
color: #333;
-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
box-shadow:  0 0 3px rgba(0,0,0,.2);
position: relative;
}
label, legend {
display: inline;
font-weight: 700;
vertical-align: top;
}
input[type="checkbox"],
input[type="checkbox"] { display: inline; }
label span, legend span { font-weight: normal; color: #555; }
/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/* Background Image
===================== */
#bg {
z-index:-1!important;
position: fixed;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
}
#bg img {
z-index:-1!important;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 50%;
min-height: 50%;
}
/* #Buttons
============= */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
border: 1px solid transparent;
display: inline-block;
text-align:center;
font-weight: 700;
text-decoration: none;
cursor: pointer;
margin-bottom: 0.75em;
font-weight: bold;
padding: .75em 1em;
position: relative;
background: #888;
color: #fff;
font-family: &#39;Oswald&#39;, sans-serif;
}
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type=&quot;button&quot;]:hover {
font-weight: 700;
border: 1px solid transparent;
position: relative;
background: #aaa;
color: #fff;
}
.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
border: 1px solid transparent;
}
.button .full-width, button .full-width, input[type="submit"] .full-width, input[type="reset"] .full-width, input[type="button"] .full-width {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center;
}
/* Forms and buttons
====================== */
#searchThis {
display: inline-block;
float: left;
width: 23%;
}
#emailForm {
text-align: center;
display: block;
vertical-align: middle;
float: right;
width: 100%;
}
form#emailForm { margin: 0 0 1.5em; }
form#emailForm, form#searchThis {
padding: .25em 0;
outline: none;
border: none;
box-shadow: none;
}
input.searchBox, input.emailText {
width: 60%;
float: left;
margin: 0;
padding: .75em 0;
text-align:center;
}
input.emailText { background: #fff; }
input.searchButton, input.emailButton {
width: 38%;
float: left;
margin: 0;
padding: .7em 0;
background: #0727c4;
color: #fff;
}
input.searchButton:hover, input.emailButton:hover {
width: 38%;
padding: .7em 0;
background: #aaa;
color: #fff;
}
/* ======================
WIDGETS
========================= */
/* Google Search
================== */
td.gsc-input, td.gsc-search-button {
padding: 0;
border: none;
outline: none;
vertical-align: middle;
}
td.gsc-search-button input[type="submit";]{
padding: .7em 1em;
border: none;
outline: none;
}
td.gsc-input input[type="text"] {
padding: .75em;
border: none;
outline: none;
background: #fff;
}
.gsc-results { background: #f0f0f0!important; }
.CustomSearch h2.title, .CustomSearch h3 { display: none!important; }
a.gs-title { padding-bottom: 1em!important ; text-transform: uppercase;
font-family: &#39;Oswald&#39;, sans-serif;
}
/* Recent Comments
==================== */
.rcw-comments a { text-transform: uppercase; }
.rcw-comments {
display: block;
border-bottom: 1px dotted #ccc;
padding: .5em !important;
}
.rcw-comments:hover {
background: #ccc;
}
#rcw-cr {
font-size: 10px;
display: block;
border-top: 1px dotted #ccc;
}
/* Popular Posts
=================== */
img.postthumb {
width: 150%;
height: auto;
position: absolute;
left: -25%;
top: 0;
}
img.postthumb:hover {
opacity: 0.75;
}
.item-thumbnail {
width: 100%;
height: 8em;
}
.popular-posts ul { padding: 0; margin: 0;}
.popular-posts li {
padding: 0 !important;
border: none;
outline: none;
margin: 0 1%;
width: 31%;
height: 8em;
list-style: none;
list-style-type: none;
position: relative;
float: left;
display: inline-block;
overflow: hidden;
}
.popular-posts li a { color: transparent; padding: 0; display: block; }
.item-title { display: none; }
/* Top Commentors
========================== */
.top-commenter-line img {
width: 2em;
height: 2em;
padding-right: .5em;
border-right: 1px dotted #ccc;
}
.top-commenter-line {
border-bottom: 1px dotted #ccc;
padding: .5em;
}
.top-commenter-line:hover { background: #ccc; }
.top-commenter-line a { color: #555; }
.top-commenter-line .profile-name-link { padding-left: 0; }
.top-commenter-avatar { vertical-align: top; }
/* breadcrumbs
================ */
.breadcrumbs {
font-family: 'Oswald', sans-serif;
display: block;
font-size: 13px;
padding: .75em 0;
margin-bottom: 2em;
border-bottom: 1px dotted #ccc;
}
.breadcrumbs span { dislpay: block; margin: 0 0 1em; padding: .5em 1.5em .5em 0; }
/* Related Posts
=================== */
#related-posts {
display: block;
padding: 2em 0;
}
#related-posts h3 {
margin: 0 0 1em;
text-align: center;
}
.related-items {
margin: 0 2% 2%;
float: left;
display: inline-block;
width: 15.5%;
height: 15em;
position: relative;
}
.related-image {
float: none;
position: relative;
height: 15em;
display: block;
width: 100%;
overflow: hidden;
border: 5px solid #fff;
background: #fff;
box-shadow: 1px 2px 8px #333;
}
.related-image:hover {
opacity: .55;
}
.related-image img{
float: none;
position: absolute;
width: 150%;
height: auto;
top: 0;
left: -25%:
border: none;
outline: none;
}
.related-post-title {
position: absolute;
bottom: -5px;
display: block;
background: #000;
opacity: .5;
line-height: 1em;
padding: 10px;
margin-left: 5px;
height: 40px;
}
#related-posts a {
color: #fff;
overflow: hidden;
word-wrap: break-word;
}
/* Featured Icons on Blog Widget
=================================== */
.ico-wrapper {
display: block;
width: 100%;
padding: 2em 0;
-webkit-box-shadow: 0 8px 6px -6px #aaa;
-moz-box-shadow: 0 8px 6px -6px #aaa;
box-shadow: 0 8px 6px -6px #aaa;
}
.ico {
display: inline-block;
float: left;
width: 21%;
height: 60px;
margin: 0 2%;
}
.ico-text {
padding-left: 65px;
padding-top: 15px;
display: block;
font-size: 12px;
line-height: 1.25em;
}
.secured {
background: url("https://lh4.googleusercontent.com/-c4zxncOB5sw/UjFXl-bDPnI/AAAAAAAAAPk/YpdoaLabWlY/s129/secure%2520checkout.jpg") no-repeat top left;
background-size: 60px auto;
}
.range {
background: url("https://lh6.googleusercontent.com/-5X-MzBi8V8E/UjFSrYRj6tI/AAAAAAAAAOk/USUOZLz6460/s259/secure%2520payment.jpg") no-repeat top left;
background-size: 60px auto;
}
.quality {
background: url("https://lh3.googleusercontent.com/-gDu59k6t20w/UjFQbmoLykI/AAAAAAAAANw/hdJzJQeeHaY/s254/mobile%2520akses.jpg") no-repeat top left;
background-size: 60px auto;
}
.delivery {
background: url("https://lh3.googleusercontent.com/-la_thZJXU5Q/UjFTcFe5RKI/AAAAAAAAAO4/khOnNOvrphQ/s259/kurir%2520logo.jpg") no-repeat top left;
background-size: 60px auto;
}
/* Featured Product Items
============================= */
.featured, .offers {
margin-bottom: 1em;
height: auto!important;
}
.bsrp-gallery, .featured, .offers {
clear: both;
position: relative;
}
.bsrp-gallery:after {
content: "";
display: table;
clear: both;
}
.bsrp-gallery .bs-item a {
position: relative;
float:left;
margin: 0 2%; !important;
text-decoration:none;
width: 43%;
height: 280px;
overflow: hidden;
border: 10px solid #fff;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.bsrp-gallery .bs-item .ptitle {
background: rgba(0, 0, 0, 0.5);
background: #7f7f7f\9;
display: block;
clear: left;
font-size: 12px;
line-height:1.3em;
height: 2.6em;
position: absolute;
text-align: left;
bottom: 10%;
color:#fff;
padding: 0 2px 5px;
word-wrap: break-word;
overflow:hidden;
}
.bsrp-gallery a img {
background: #fff;
padding: 0;
width: 125%;
height: auto;
}
.bsrp-gallery a:hover img {
opacity: 0.75;
}
/* Offer Items
============================= */
.offers .bsrp-gallery .bs-item a {
position: relative;
float:left;
margin: 0 1%; !important;
text-decoration:none;
width: 16.6%;
height: 150px;
overflow: hidden;
border: 5px solid #fff;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.special-featured, .special-offers {
letter-spacing: -1px;
text-transform: uppercase;
background: #0727c4;
opacity: .75;
position: absolute;
left: 0;
top: 0;
line-height: .5em;
color: #fff!important;
line-height: 1em;
padding: 20px 0;
}
.special-featured h3, .special-offers h3 {
color: #fff;
}
.special-featured1, .special-offers1 {
font-size: 16px;
letter-spacing: -1px;
padding: 0;
}
/* SimpleCart Checkout
======================= */
#cart-widget {
width: 24%;
float: left;
display: inline-block;
color: #fff;
}
.cart-current{
text-align: center;
}
#cart-icon {
width: 45px;
height: 45px;
background: url('http://2.bp.blogspot.com/-7oI1QHj9VKI/UX1oxHZkVVI/AAAAAAAAF3A/lfR3KU31nkA/s1600/shopping_basket_22.png') no-repeat top center;
background-size: cover;
float: left;
display: inline-block;
margin-right: 1em;
}
#cart-icon:hover { opacity: 0.75; }
.cart-label {
font-size: 13px !important;
color: #fff;
float: left;
display: inline-block;
}
.cart-details-wrapper {
-webkit-box-shadow: 0 8px 6px -6px #aaa;
-moz-box-shadow: 0 8px 6px -6px #aaa;
box-shadow: 0 8px 6px -6px #aaa;
line-height: 1.25em !important;
padding: 2em 0;
}
#toggle1 {
width: 75%;
margin: 0 auto;
}
#toggle1 .widget {
display: inline-block;
width: 47%;
margin: 0 1%;
float: left;
}
#cart-details {
width:75%;
margin: 0 auto;
display: block;
padding: 2em 0;
font-size: 13px !important;
}
#cart-details h3{
text-align: center;
padding: 0 0 .5em !important;
margin: 0;
}
.simpleCart_items {
text-align: center;
color: #fff;
display: block;
width: 100%;
margin: 0 0 2em;
}
.item-thumbimg, .item-name, .item-price, .item-quantity, .item-total, .item-remove {
padding: .5em;
text-align: center !important;
}
.item-thumbimg img { width: 3em; height: 3em; }
.item-thumbimg, .item-price, .item-quantity, .item-remove { width: 10%!important;  }
.item-quantity input { width: 10%!important; text-align: center !important; float: none !important; margin: 0 auto;}
.item-increment, .item-decrement, .item-size { width: 5%!important; text-align: center!important;}
.simpleCart_items, tr.headerRow {
color: #fff;
border-bottom: 1px dotted #fff;
}
.simpleCart table {
width: 100%;
}
tr.headerRow {
font-weight: 700!important;
border-bottom: 1px dotted #fff!important;
}
.cart-details-wrapper {
background: #888;
}
.checkout-form {
width: 95%;
float: left;
display: inline-block;
}
.checkout-details {
width: 95%;
float: left;
display: inline-block;
color: #fff;
}
.checkout-form label { color: #fff; width: 30%; display: inline; float: left; }
.checkout-form text, .checkout-form text-area {width: 60%; display: inline; }
.checkout-form form, .checkout-form fieldset {
border: none;
}
a.simpleCart_checkout {
float: none;
margin: 0 auto;
text-align: center;
display: block;
background: #0727c4;
color: #f0f0f0;
}
#emailInfo { display:none }
#emailInfo.fieldok {
display:block;
width: 100%;
padding: .5em 0;
background: green;
color: #fff;
text-align:center;
margin: 0 auto;
}
.submitdummy {
display:block;
}
.buttondummy {
display: block;
padding: .5em 0;
color: #fff;
text-align: center;
width:100%;
}
#sent-order, .showdummy { display:none; }
#sent-order.buttonok{
display:block;
}
/* Comments
=============-- */
#comments h4 { margin:1em 0; line-height: 1em; }
#comments-block { margin: 1em 0; }
#comments-block .comment-author { margin:.5em 0; }
#comments-block .comment-body { margin:.25em 0 0; }
#comments-block .comment-footer { margin: -.25em 0 2em; line-height: 1.5em; }
#comments-block .comment-body p { margin:0 0 1.5em; }
.deleted-comment { font-style: italic; color:#ccc; }
.comment-header { display: block; padding: 0 0 .5em; }
.comment-header a {
letter-spacing: 1px;
font-weight: normal;
font-family: 'Oswald', sans-serif;
text-transform: uppercase!important;
}
.post-outer .comments {
width: 100%;
clear: both;
margin-top: 2em;
margin-bottom: 0px;
line-height: 1.5em;
}
.post-outer #comments { margin-top: 2em!important; }
.comments .comments-content {
font-size: 13px;
margin-bottom: 20px !important;
font-weight: normal;
text-align: left;
line-height: 1.5em;
}
.comments .continue a, .comments .comment .comment-actions a {
font-family: 'Oswald', sans-serif;
font-size: 12px;
padding: .5em 1.5em .5em 0 ;
text-decoration: none;
border-top: 1px dotted #ccc;
text-align: left;
text-transfrom: uppercase;
letter-spacing: 1px;
width: 10%;
}
.comments .continue a:hover, .comments .comment .comment-actions a:hover { text-decoration: none; }
.comments .continue a:active, .comments .comment .comment-actions a:active {
position: relative;
top: 1em;
text-transform: uppercase;
letter-spacing: 1px;
}
.comments .comments-content .comment-thread ol {
list-style-type: none;
padding: 0;
text-align: none;
margin: 0;
}
.comments .comments-content .inline-thread { padding: 0.5em 1em 0 1em; }
.comments .comments-content .comment-thread { margin: 8px 0px 0px 0px; }
.comments .comments-content .comment-thread:empty { display: none; }
.comments .comments-content .comment-replies {  margin-top: 1em; margin-left: 40px; font-size: 13px; }
.comments .comments-content .comment { padding-bottom: 8px; margin-bottom: 0px }
.comments .comments-content .comment:first-child { padding-top: 16px; }
.comments .comments-content .comment:last-child { border-bottom: 0; padding-bottom: 0; }
.comments .comments-content .comment-body {  position: relative; }
.comments .comments-content .user { font-style: uppercase!important; font-weight: bold; }
.comments .comments-content .user a { color: #444; }
.comments .comments-content .user a:hover { text-decoration: none; color: #aaa; }
.comments .comments-content .icon.blog-author {
width: 18px;
height: 18px;
display: inline-block;
margin: 0 0 -4px 6px;
background: #0727c4;
}
.comments .comments-content .datetime {
margin-left: 6px;
color: #999;
font-style: italic;
font-size: 11px;
float: right;
}
.comments .comments-content .comment-content {
font-size: 13px;
line-height: 1.5em;
text-align: none;
margin: 10px 0 10px;
}
.comments .comments-content .owner-actions { position: absolute; right: 0; top: 0; }
.comments .comments-replybox { border: none; height: 250px; width: 100%; }
.comments .comment-replybox-single { margin-top: 5px; margin-left: 48px; width:  }
.comments .comment-replybox-thread { margin-top: 5px; }
.blogger-iframe-colorize, .blogger-comment-from-post, #comment-editor { width: 620px; }
.comments .comments-content .loadmore a { display: block; padding: .5em 1em; text-align: center; }
.comments .thread-toggle { cursor: pointer; display: inline-block;}
.comments .comments-content .loadmore { cursor: pointer; max-height: 3em; margin-top: 3em; }
.comments .comments-content .loadmore.loaded { max-height: 0px; opacity: 0; overflow: hidden; }
.comments .thread-chrome.thread-collapsed { display: none; }
.comments .thread-toggle { display: inline-block; }
.comments .thread-toggle .thread-arrow {
display: inline-block;
height: 6px;
width: 7px;
overflow: visible;
margin: 0.3em;
padding-right: 4px;
}
.comments .thread-expanded .thread-arrow {
background: url('data: image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC') no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
background: url('data: image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==') no-repeat scroll 0 0 transparent;
}
.comments .avatar-image-container { float: left; overflow: hidden; }
.comments .avatar-image-container img { width: 36px; }
.comments .comment-block {
margin-left: 43px;
position: relative;
padding: 20px 0 15px 0;
border-top: 1px dotted #ccc;
overflow: hidden;
border-image: initial;
}
#comment-editor { width: 100% !important; }